<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Hotel reservation</title>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/stylesheets.css" />
	</head>

	<body>
	
		<c:if test="${not empty errors}">
			<div class="ui-widget">
				<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;"> 
					<c:forEach var="error" items="${errors}">
						<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
						${error.message} <p/>
					</c:forEach>
				</div>
			</div>
			
			<br clear="all"/>
		</c:if>
		<c:if test="${not empty message}">
			<div class="ui-widget">
				<div class="ui-state-highlight ui-corner-all" style="padding: 0 .7em;">
					<p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
					${message}
				</div>
			</div>
			
			<br clear="all"/>
		</c:if>
		
		<div class="interfaceExterna">
			<h3><a href="#">Menu</a></h3>
			<div>
		        <a href="${pageContext.request.contextPath}/despesa">Despesas</a>&nbsp;|&nbsp;
			    <a href="${pageContext.request.contextPath}/reserva">Reservas</a>&nbsp;|&nbsp;
			    <a href="${pageContext.request.contextPath}/servico">Servi&ccedil;os</a>&nbsp;|&nbsp;
			    <a href="${pageContext.request.contextPath}/relatorio">Relatórios</a>
			    
			    <c:if test="${not empty usuarioSession.usuario.login}">
				    <div style="float: right;">
				    	Ol&aacute;, ${usuarioSession.usuario.login}
				    	<form action="${pageContext.request.contextPath}/logout" method="get">
							<button type="submit"
									class="ui-state-default ui-corner-all" title="Logout">
									<span class="ui-icon ui-icon-close"></span>
							</button>
						</form>
					</div>
				</c:if>
			</div>
		</div>
		
		<br clear="all"/>